<template name="ListItemImage">
	<view class="flex">
		<view>
			<u-image :src="image" width="150rpx" height="150rpx"></u-image>
		</view>
		<view class="flex-1 ml-2 flex flex-column">
			<view class="text-xl flex justify-between">
				<view class="text-base">{{title}}</view>
				<view>
					<slot name="extra"></slot>
				</view>
			</view>
			<slot></slot>
		</view>
	</view>
</template>

<script>
	import { imgurl } from '@/utils/constant.js'
	export default {
		name: "ListItemImage",
		props: ['title', 'image'],
		data() {
			return {
				imgurl
			}
		}
	}
</script>

<style>
</style>